﻿<%@ Page Title="Xtablish CRM / New Contact" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="AddNewContact.aspx.cs" Inherits="Web.Contact.AddNewContact" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="Con1" runat="server">
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">
            function WebForm_OnSubmit() {
                if (typeof (ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) {
                    $("#validation_dialog").dialog({
                        title: "Validation Error!",
                        modal: true,
                        resizable: false,
                        buttons: {
                            Close: function () {
                                $(this).dialog('close');
                            }
                        }
                    });
                    return false;
                }
                return true;
            }
            function OnClientClose(oWnd, args) {
                //get the transferred arguments
                var arg = args.get_argument();
                if (arg) {
                    var searchType = arg.SearchType;
                    if (searchType == "Organization") {
                        var orgName = arg.OrgName;
                        var orgID = arg.OrgID;
                        document.getElementById('<%= hdntxtOrgName.ClientID %>').value = orgName;
                        document.getElementById('<%= hdntxtOrgID.ClientID %>').value = orgID;
                        document.getElementById('<%= txtOrganizationName.ClientID %>').value = orgName;
                    }
                    else if (searchType == "Contact") {
                        var ContactName = arg.ContactName;
                        var ContactID = arg.ContactID;
                        document.getElementById('<%= hdntxtContactName.ClientID %>').value = ContactName;
                        document.getElementById('<%= hdntxtContactID.ClientID %>').value = ContactID;

                    }
            }
        }

        function clearOrgName() {
            document.getElementById('<%= txtOrganizationName.ClientID %>').value = null;
            document.getElementById('<%= hdntxtOrgID.ClientID %>').value = null;
            document.getElementById('<%= hdntxtOrgName.ClientID %>').value = null;
        }
        function disableKeyPress(evt) {
            return false;
        }
        function CancelClick() {
            window.location.assign(document.getElementById('<%= hdntxtPrevPage.ClientID %>').value);
        }
        function CheckNull() {
            var priemail = document.getElementById('<%= txtPrimaryEmail.ClientID %>');
            if (priemail.value.trim() == "")
                document.getElementById('<%= txtPrimaryEmailValidate.ClientID %>').value = "email";
        }
        $.verify.addRules({
            primaryEmailValidate: function (w) {
                var regexp = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
                var url = w.val();
                var urlvalidate = document.getElementById('<%= txtPrimaryEmailValidate.ClientID %>');
                if (!regexp.test(url)) {
                    urlvalidate.value = null;
                    return "Invalid email address.";
                }
                urlvalidate.value = "email";
                return true;
            }
        });
        function ddlStatus_OnClientSelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            switch (id) {
                case "1":
                    document.getElementById('<%= divContactedProcess.ClientID %>').style.display = "block";
                    break;
                default:
                    document.getElementById('<%= divContactedProcess.ClientID %>').style.display = "none";
                    break;
            }
        }
        function ddlQINoReason_SelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            ddlQINoReason_Load(id);
        }
        function ddlQINoReason_Load(id) {
            switch (id) {
                case "0":
                    document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "block";
                    document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "none";
                    break;
                case "1":
                    document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "none";
                    document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "block";
                    break;
                default:

                    break;
            }
        }
        function setSelectedIndex(combo) {
            combo.trackChanges();
            combo.get_items().getItem(0).select();
            combo.updateClientState();
            combo.commitChanges();
        }
        function ddlQIPendingReason_SelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            switch (id) {
                case "1":
                    document.getElementById('<%= aStep2.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                    document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "";
                    setDivStepActive(document.getElementById('<%= divStep1.ClientID %>').getAttribute("data-step"));
                    setSelectedIndex(sender);
                    $('[href=#divStep1]').tab('show');
                    break;
                default:

                    break;
            }
        }
        function ddlPOStatus_SelectedIndexChanged(sender, eventArgs) {
            var item = eventArgs.get_item();
            var id = item.get_value();
            switch (id) {
                case "0":
                    document.getElementById('<%= divPOPendingDate.ClientID %>').style.display = "block";
                    document.getElementById('<%= divPOFullII.ClientID %>').style.display = "none";
                    document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                    break;
                case "1":
                    document.getElementById('<%= divPOPendingDate.ClientID %>').style.display = "none";
                    document.getElementById('<%= divPOFullII.ClientID %>').style.display = "block";
                    if (($find("<%= rbtnPOFullIIYes.ClientID %>")).get_checked())
                        document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "block";
                    else
                        document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                    break;
                default:

                    break;
            }
        }
        function rbtnAppointmentYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnAppointmentYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divAppointmentNoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep1Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep2.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divAppointmentNoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep1Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnQuotationIssueYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnQuotationIssueYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divQINoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep2Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep3.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                var id = ($find("<%= ddlQINoReason.ClientID %>")).get_value();
                ddlQINoReason_Load(id);
                document.getElementById('<%= hdntxtNextStep2Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divQINoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep2Next.ClientID %>').style.display = "block";
                document.getElementById('<%= divQIPendingReason.ClientID %>').style.display = "none";
                document.getElementById('<%= divQIRejectedReason.ClientID %>').style.display = "none";
            }
        }
        function rbtnDCDIIYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnDCDIIYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnDCYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnDCYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= divDCNoReason.ClientID %>').style.display = "block";
                    document.getElementById('<%= divDCAmount.ClientID %>').style.display = "none";
                    document.getElementById('<%= divDCDII.ClientID %>').style.display = "none";
                    document.getElementById('<%= aStep4.ClientID %>').style.display = "none";
                    document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "";
                }
                else {
                    document.getElementById('<%= divDCNoReason.ClientID %>').style.display = "none";
                    document.getElementById('<%= divDCAmount.ClientID %>').style.display = "block";
                    if (($find("<%= rntxtAmount.ClientID %>")).get_value() != "0") {
                        document.getElementById('<%= divDCDII.ClientID %>').style.display = "block";
                    if (($find("<%= rbtnDCDIIYes.ClientID %>")).get_checked())
                        document.getElementById('<%= btnStep3Next.ClientID %>').style.display = "block";
                    else
                        document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "block";
                }
            }
        }
        function rbtnPOFullIIYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnPOFullIIYes.ClientID %>");
            if (!item.get_checked()) {
                document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "none";
                document.getElementById('<%= aStep5.ClientID %>').style.display = "none";
                document.getElementById('<%= hdntxtNextStep4Clicked.ClientID %>').value = "";
            }
            else {
                document.getElementById('<%= btnStep4Next.ClientID %>').style.display = "block";
            }
        }
        function rbtnPaidYes_OnClientCheckedChanged(sender, eventArgs) {
            var item = $find("<%= rbtnPaidYes.ClientID %>");
                if (!item.get_checked()) {
                    document.getElementById('<%= divPaidNoReason.ClientID %>').style.display = "block";
                document.getElementById('<%= btnStep5Done.ClientID %>').style.display = "none";
            }
            else {
                document.getElementById('<%= divPaidNoReason.ClientID %>').style.display = "none";
                document.getElementById('<%= btnStep5Done.ClientID %>').style.display = "block";
            }
        }
        function setDivStepActive(step) {
            var s1 = document.getElementById('<%= divStep1.ClientID %>');
            var s2 = document.getElementById('<%= divStep2.ClientID %>');
            var s3 = document.getElementById('<%= divStep3.ClientID %>');
            var s4 = document.getElementById('<%= divStep4.ClientID %>');
            var s5 = document.getElementById('<%= divStep5.ClientID %>');
            var divSteps = [s1, s2, s3, s4, s5];
            for (var i = 0; i < divSteps.length; i++) {
                if (divSteps[i].getAttribute("data-step") == step)
                    divSteps[i].style.display = "block";
                else
                    divSteps[i].style.display = "none";
            }
        }
        function stepClicked(a) {
            setDivStepActive(a.getAttribute("data-step"));
            return false;
        }
        function nextStepClick(btn) {
            var nextId = $(btn).parents('.control-group').next().attr("id");
            switch (nextId) {
                case "divStep2":
                    document.getElementById('<%= aStep2.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep2.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep1Clicked.ClientID %>').value = "1";
                    break;
                case "divStep3":
                    document.getElementById('<%= aStep3.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep3.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep2Clicked.ClientID %>').value = "1";
                    break;
                case "divStep4":
                    document.getElementById('<%= aStep4.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep4.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep3Clicked.ClientID %>').value = "1";
                    break;
                case "divStep5":
                    document.getElementById('<%= aStep5.ClientID %>').style.display = "block";
                    setDivStepActive(document.getElementById('<%= divStep5.ClientID %>').getAttribute("data-step"));
                    document.getElementById('<%= hdntxtNextStep4Clicked.ClientID %>').value = "1";
                    break;
                default:
                    break;
            }
            $('[href=#' + nextId + ']').tab('show');
            return false;
        }
        function OnBlur(sender, args) {
            if (sender.get_value() == "") {
                sender.set_value("0");
            }
            if (sender.get_value() != "0") {
                document.getElementById('<%= divDCDII.ClientID %>').style.display = "block";
            }
            else {
                document.getElementById('<%= divDCDII.ClientID %>').style.display = "none";
                document.getElementById('<%= divDCDIINoReason.ClientID %>').style.display = "none";
            }
        }
            function disableKeyPress(evt) {
                return false;
            }
        </script>
    </telerik:RadCodeBlock>
    <asp:HiddenField ID="hdntxtNextStep1Clicked" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtNextStep2Clicked" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtNextStep3Clicked" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtNextStep4Clicked" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtPrevPage" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtOrgName" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtOrgID" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtContactName" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtContactID" runat="server"></asp:HiddenField>
    <asp:HiddenField ID="hdntxtError" runat="server"></asp:HiddenField>
    <div class="register">


        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                    <h3>Creating new contact</h3>
                </div>
                <div class="col-md-6 btn-edit">
                    <asp:LinkButton ID="btnTop_Save" runat="server" CssClass="btn btn-defaul" OnClick="btn_Save_Click">
                        <img src="../Images/save.png" style="width: 18px; height: 18px" />
                        Save
                    </asp:LinkButton>
                    <div id="validation_dialog" style="display: none">
                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
                    </div>
                    <asp:LinkButton ID="btnTop_Cancel" runat="server" CssClass="btn btn-defaul" OnClientClick="CancelClick()" CausesValidation="false">
                        <img src="../Images/back.png" style="width: 18px; height: 18px" />
                        Back
                    </asp:LinkButton>
                </div>
            </div>


            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4><span class="glyphicon glyphicon-align-justify"></span>&nbsp; Basic Infomation</h4>
                    </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new">                             
                             <div class="col-md-2">
                               <label class="control-label">Surname<span class="red-star"><strong>*</strong></span></label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                                <telerik:RadComboBox ID="ddlSalutationType" runat="server" DataTextField="SALUTATION_NAME" DataValueField="ID"
                                    Width="20%" Filter="StartsWith" MaxHeight="700px" />
                                <asp:TextBox ID="txtSurname" runat="server" class="form-control username-control" data-validate="required" />
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" Display="None" ControlToValidate="txtSurname"
                                    runat="server" ErrorMessage="SurName is required."></asp:RequiredFieldValidator>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Name<span class="red-star"><strong>*</strong></span></label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtLastName" runat="server" class="form-control" data-validate="required" />
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" Display="None" ControlToValidate="txtLastName"
                                        runat="server" ErrorMessage="Name is required."></asp:RequiredFieldValidator>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Date of Birth </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <telerik:RadDatePicker ID="dpDateOfBirth" runat="server" Width="50%">
                                        <DateInput ReadOnly="true" ID="RadDateInput1" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar1" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Primary Email </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtPrimaryEmail" runat="server" class="form-control" data-validate="primaryEmailValidate" />
                                    <div style="display: none">
                                        <asp:TextBox ID="txtPrimaryEmailValidate" runat="server" class="form-control" Text="email" />
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" Display="None" ControlToValidate="txtPrimaryEmailValidate"
                                            runat="server" ErrorMessage="Invalid Primary Email Address."></asp:RequiredFieldValidator>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Office Phone </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficePhone" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                <label class="control-label">Company Name </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                                <div class="controls">
                                    <asp:TextBox ID="txtOrganizationName" runat="server" class="form-control form-fl" onkeypress="return disableKeyPress(event)" />
                                    <div class="btn-sl" style="padding-top: 2px">
                                        <asp:LinkButton runat="server" OnClientClick="openWin('../../SearchPopUp/Organization.aspx', 'rwOrganization'); return false;" ToolTip="Search">
                                            <img src="../Images/search.png" style="width: 18px; height: 18px" />
                                        </asp:LinkButton>
                                        <asp:LinkButton runat="server" OnClientClick="clearOrgName();return false;" ToolTip="Clear">
                                            <img src="../Images/delete.png" style="width: 16px; height: 16px" />
                                        </asp:LinkButton>
                                    </div>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Mobile Phone <span class="red-star"><strong>*</strong></span></label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtMobilePhone" runat="server" class="form-control" data-validate="required" />
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" Display="None" ControlToValidate="txtMobilePhone"
                                        runat="server" ErrorMessage="Mobile Phone is required."></asp:RequiredFieldValidator>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Lead Source</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <telerik:RadComboBox ID="ddlLeadSource" runat="server" DataTextField="LEAD_SOURCE_NAME" DataValueField="ID"
                                        Width="80%" Filter="StartsWith" MaxHeight="700px" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Home Phone </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                              <div class="controls">
                                    <asp:TextBox ID="txtHomePhone" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Designation </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                              <div class="controls">
                                    <asp:TextBox ID="txtDesignation" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Secondary Phone </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                              <div class="controls">
                                    <asp:TextBox ID="txtSecondaryPhone" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Department </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                              <div class="controls">                                    
                                    <asp:TextBox ID="txtDepartment" runat="server" class="form-control" />
                                
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                <label class="control-label">Fax </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                              <div class="controls">
                                    <asp:TextBox ID="txtFax" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Starter Loyalty</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                                <div class="controls">
                                    <telerik:RadComboBox ID="ddlLoyalty" runat="server" DataValueField="ID" DataTextField="NAME"
                                        Width="80%" Filter="StartsWith" MaxHeight="700px" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                        <div class="col-md-12 distance-control group_new" id="divAssignTo" runat="server">
                            <div class="col-md-2">
                                <label class="control-label">Assigned To</label>
                            </div>
                             <div class="col-md-1"></div>
                            <div class="col-md-6">
                                <div class="controls">
                                    <telerik:RadComboBox ID="ddlAssignedTo" runat="server"
                                        Width="80%" Filter="StartsWith" MaxHeight="700px" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>


            <!------->
            <div class="row">
                <div class="edit-form highlight">

                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Status</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <telerik:RadComboBox ID="ddlStatus" runat="server" DataTextField="STATUS_NAME" DataValueField="ID"
                                        Width="80%" Filter="StartsWith" MaxHeight="700px" OnClientSelectedIndexChanged="ddlStatus_OnClientSelectedIndexChanged" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>

                    
                    <div id="divContactedProcess" runat="server">
                        <div class="control-group">
                            <div class="col-md-12 distance-control group_new" >
                                <div class="col-md-2" style="padding-top: 10px; padding-bottom: 0">
                                    <label class="control-label">Steps</label>
                                </div>
                                 <div class="col-md-1"></div>
                                <div class="col-md-6" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                    <div class="navbar" style="margin-bottom: 0; min-height: 0">
                                        <div class="navbar-inner">
                                            <ul class="nav nav-pills" style="font-size: 12px">
                                                <li class="active"><a href="#divStep1" data-toggle="tab" id="aStep1" runat="server" data-step="1" onclick="return stepClicked(this);">Appointment</a></li>
                                                <li><a href="#divStep2" data-toggle="tab" data-step="2" id="aStep2" runat="server" style="display: none" onclick="return stepClicked(this);">Quotation Issue</a></li>
                                                <li><a href="#divStep3" data-toggle="tab" data-step="3" id="aStep3" runat="server" style="display: none" onclick="return stepClicked(this);">Deposit Collected</a></li>
                                                <li><a href="#divStep4" data-toggle="tab" data-step="4" id="aStep4" runat="server" style="display: none" onclick="return stepClicked(this);">Process Order</a></li>
                                                <li><a href="#divStep5" data-toggle="tab" data-step="5" id="aStep5" runat="server" style="display: none" onclick="return stepClicked(this);">Payment Collection</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                 <div class="col-md-1"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group" id="divStep1" runat="server" data-step="1" clientidmode="static">
                            <div class="col-md-12 distance-control group_new" >
                                <div class="col-md-2" style="padding-top: 10px; padding-bottom: 0">
                                    <label class="control-label">Appointment</label>
                                </div>
                                <div class="col-md-1"></div>
                                <div class="col-md-6" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                    <div>
                                        <telerik:RadButton ID="rbtnAppointmentYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios1" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnAppointmentYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnAppointmentNo" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios1" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <button id="btnStep1Next" type="button" runat="server" class="btn btn-defaul" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px" onclick="return nextStepClick(this);">
                                        <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                        Next
                                    </button>
                                    <div id="divAppointmentNoReason" runat="server" style="display: none; margin-top: 6px">
                                        <asp:TextBox ID="txtAppointmentNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="40%"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-1"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group" id="divStep2" runat="server" style="display: none" data-step="2" clientidmode="static">
                            <div class="col-md-12 distance-control group_new" >
                                <div class="col-md-2" style="padding-top: 10px; padding-bottom: 0">
                                    <label class="control-label">Quotation Issues</label>
                                </div>
                                <div class="col-md-1"></div>
                                <div class="col-md-6" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                    <div>
                                        <telerik:RadButton ID="rbtnQuotationIssueYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                            GroupName="Radios2" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnQuotationIssueYes_OnClientCheckedChanged">
                                        </telerik:RadButton>
                                        <telerik:RadButton ID="rbtnQuotationIssueno" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                            GroupName="Radios2" AutoPostBack="false" CausesValidation="false" Text="No">
                                        </telerik:RadButton>
                                    </div>
                                    <button id="btnStep2Next" type="button" runat="server" class="btn btn-defaul" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px" onclick="return nextStepClick(this);">
                                        <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                        Next
                                    </button>
                                    <div class="controls" style="margin-top: 6px; display: none" id="divQINoReason" runat="server">
                                        <telerik:RadComboBox ID="ddlQINoReason" runat="server" class="form-control"
                                            Width="150px" Filter="StartsWith" MaxHeight="700px" OnClientSelectedIndexChanged="ddlQINoReason_SelectedIndexChanged">
                                            <Items>
                                                <telerik:RadComboBoxItem Text="Pending" Value="0" />
                                                <telerik:RadComboBoxItem Text="Rejected" Value="1" />
                                            </Items>
                                        </telerik:RadComboBox>
                                    </div>
                                    <div class="controls" style="margin-top: 6px; display: none" id="divQIPendingReason" runat="server">
                                        <telerik:RadComboBox ID="ddlQIPendingReason" runat="server" class="form-control"
                                            Width="150px" Filter="StartsWith" MaxHeight="700px" OnClientSelectedIndexChanged="ddlQIPendingReason_SelectedIndexChanged">
                                            <Items>
                                                <telerik:RadComboBoxItem Text="Call Back" Value="0" />
                                                <telerik:RadComboBoxItem Text="Appointment" Value="1" />
                                            </Items>
                                        </telerik:RadComboBox>
                                    </div>
                                    <div class="controls" id="divQIRejectedReason" runat="server" style="display: none; margin-top: 6px">
                                        <asp:TextBox ID="txtQIRejectedReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter Rejected Reason" Width="40%"></asp:TextBox>
                                    </div>
                                </div>
                                <div class="col-md-1"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="control-group" id="divStep3" runat="server" style="display: none" data-step="3" clientidmode="static">
                            <div class="control-group">
                                <div class="col-md-12 distance-control group_new">
                                    <div class="col-md-2" style="padding-top: 10px; padding-bottom: 0">
                                        <label class="control-label">Deposit Collected</label>
                                    </div>
                                    <div class="col-md-1"></div>
                                    <div class="col-md-6" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div>
                                            <telerik:RadButton ID="rbtnDCYes" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                                GroupName="Radios3" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnDCYes_OnClientCheckedChanged">
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rbtnDCNo" Style="padding-left: 25px; padding-top: 0;" runat="server" ToggleType="Radio" ButtonType="ToggleButton"
                                                GroupName="Radios3" AutoPostBack="false" CausesValidation="false" Text="No">
                                            </telerik:RadButton>
                                        </div>
                                        <div id="divDCNoReason" runat="server" style="display: none; margin-top: 6px">
                                            <asp:TextBox ID="txtDCNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="40%"></asp:TextBox>
                                        </div>
                                        <div id="divDCAmount" runat="server" style="display: block; margin-top: 6px">
                                            <telerik:RadNumericTextBox ShowSpinButtons="false" Type="Currency" ID="rntxtAmount" runat="server"
                                                Width="100px" CssClass="RadNumbericText" MinValue="0" EmptyMessage="Amount">
                                                <ClientEvents OnBlur="OnBlur" />
                                            </telerik:RadNumericTextBox>
                                        </div>
                                    </div>
                                    <div class="col-md-1"></div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="control-group">
                                <div class="col-md-12 distance-control" style="padding-left: 0; display: none" id="divDCDII" runat="server">
                                    <div class="col-md-2" style="padding-top: 10px; padding-bottom: 0">
                                        <label class="control-label">Deposit Issue Invoice</label>
                                    </div>
                                    <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div>
                                            <telerik:RadButton ID="rbtnDCDIIYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                                GroupName="Radios31" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnDCDIIYes_OnClientCheckedChanged">
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rbtnDCDIINo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                                GroupName="Radios31" AutoPostBack="false" CausesValidation="false" Text="No">
                                            </telerik:RadButton>
                                        </div>
                                        <button id="btnStep3Next" type="button" runat="server" class="btn btn-defaul" onclick="return nextStepClick(this);" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px;">
                                            <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                            Next
                                        </button>
                                        <div id="divDCDIINoReason" runat="server" style="display: none; margin-top: 6px">
                                            <asp:TextBox ID="txtDCDIINoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="40%"></asp:TextBox>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="control-group" id="divStep4" runat="server" style="display: none" data-step="4" clientidmode="static">
                            <div class="control-group">
                                <div class="col-md-12 distance-control" style="padding-left: 0;">
                                    <div class="col-md-2" style="padding-top: 6px; padding-bottom: 6px">
                                        <label class="control-label">Process Orders</label>
                                    </div>
                                    <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div>
                                            <telerik:RadComboBox ID="ddlPOStatus" runat="server" class="form-control"
                                                Width="150px" Filter="StartsWith" MaxHeight="700px" OnClientSelectedIndexChanged="ddlPOStatus_SelectedIndexChanged">
                                                <Items>
                                                    <telerik:RadComboBoxItem Text="Pending" Value="0" />
                                                    <telerik:RadComboBoxItem Text="Completed" Value="1" />
                                                </Items>
                                            </telerik:RadComboBox>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="control-group" id="divPOPendingDate" runat="server" style="display: block">
                                <div class="col-md-12 distance-control" style="padding-left: 0;">
                                    <div class="col-md-2" style="padding-top: 6px; padding-bottom: 6px">
                                        <label class="control-label">Pending Date</label>
                                    </div>
                                    <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div class="controls">
                                            <telerik:RadDatePicker ID="dpPOPendingDate" runat="server" Width="150px">
                                                <DateInput ReadOnly="true" ID="DateInput3" runat="server">
                                                </DateInput>
                                                <Calendar ReadOnly="true" ID="Calendar4" runat="server" UseColumnHeadersAsSelectors="False"
                                                    UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                                    <SpecialDays>
                                                        <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                        </telerik:RadCalendarDay>
                                                    </SpecialDays>
                                                </Calendar>
                                            </telerik:RadDatePicker>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="control-group" id="divPOFullII" runat="server" style="display: none">
                                <div class="col-md-12 distance-control" style="padding-left: 0;">
                                    <div class="col-md-2" style="padding-top: 6px; padding-bottom: 6px">
                                        <label class="control-label">Full Invoice Issue</label>
                                    </div>
                                    <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div class="controls">
                                            <telerik:RadButton ID="rbtnPOFullIIYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                                GroupName="Radios41" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnPOFullIIYes_OnClientCheckedChanged">
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rbtnPOFullIINo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                                GroupName="Radios41" AutoPostBack="false" CausesValidation="false" Text="No">
                                            </telerik:RadButton>
                                        </div>
                                        <button id="btnStep4Next" type="button" runat="server" class="btn btn-defaul" onclick="return nextStepClick(this);" style="float: left; padding-bottom: 4px; padding-top: 4px; margin-top: 6px; display: none">
                                            <img src="../Images/next.png" style="width: 18px; height: 18px" />
                                            Next
                                        </button>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="control-group" id="divStep5" runat="server" style="display: none" data-step="5" clientidmode="static">
                            <div class="control-group">
                                <div class="col-md-12 distance-control" style="padding-left: 0;">
                                    <div class="col-md-2" style="padding-top: 6px; padding-bottom: 6px">
                                        <label class="control-label">Payment Collected</label>
                                    </div>
                                    <div class="col-md-10" style="background: #fff none repeat scroll 0 0; padding-top: 6px; padding-bottom: 6px">
                                        <div>
                                            <telerik:RadButton ID="rbtnPaidYes" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton" Text="Yes" Checked="true"
                                                GroupName="Radios5" AutoPostBack="false" CausesValidation="false" OnClientCheckedChanged="rbtnPaidYes_OnClientCheckedChanged">
                                            </telerik:RadButton>
                                            <telerik:RadButton ID="rbtnPaidNo" runat="server" Style="padding-left: 25px; padding-top: 0;" ToggleType="Radio" ButtonType="ToggleButton"
                                                GroupName="Radios5" AutoPostBack="false" CausesValidation="false" Text="No">
                                            </telerik:RadButton>
                                        </div>
                                        <div id="divPaidNoReason" runat="server" style="display: none">
                                            <asp:TextBox ID="txtPaidNoReason" runat="server" TextMode="MultiLine" class="form-control" Rows="2" placeholder="Enter No Reason" Width="40%"></asp:TextBox>
                                        </div>
                                        <asp:LinkButton runat="server" ID="btnStep5Done" CausesValidation="false" OnClientClick="return false;" Style="margin-top: 6px">
                                            <img src="../Images/done.png" style="width:20px;height:20px" />
                                            Done
                                        </asp:LinkButton>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
            <!-- end row 1 -->
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4><span class="glyphicon glyphicon-align-justify"></span> &nbsp;Customer Portal Details</h4>
                    </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Suppport Start Date</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <telerik:RadDatePicker ID="dpSupportStartDate" runat="server" Width="50%">
                                        <DateInput ReadOnly="true" ID="DateInput1" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar2" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Support End Date</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <telerik:RadDatePicker ID="dbSupportEndDate" runat="server" Width="50%">
                                        <DateInput ReadOnly="true" ID="DateInput2" runat="server">
                                        </DateInput>
                                        <Calendar ReadOnly="true" ID="Calendar3" runat="server" UseColumnHeadersAsSelectors="False"
                                            UseRowHeadersAsSelectors="False" ViewSelectorText="x">
                                            <SpecialDays>
                                                <telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
                                                </telerik:RadCalendarDay>
                                            </SpecialDays>
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>

                    <div class="control-group">
                        
                       
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- end row 3-->
            <div class="row">
                <div class="edit-form highlight">
                    <div class="control-group">
                        <h4><span class="glyphicon glyphicon-align-justify"></span>&nbsp;Address Details</h4>
                    </div>

                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Office Street</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficeStreet" runat="server" TextMode="MultiLine" class="form-control" Rows="1"></asp:TextBox>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Home Street</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtHomeStreet" runat="server" TextMode="MultiLine" class="form-control" Rows="1"></asp:TextBox>
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Office P.O. Box </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficePOBox" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                               <label class="control-label">Home P.O. Box </label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtHomePOBox" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                <label class="control-label">Office City</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficeCity" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Home City</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtHomeCity" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Office State</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficeState" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Home State</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtHomeState" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Office Zip</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtOfficeZip" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Home Zip</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                    <asp:TextBox ID="txtHomeZip" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                     <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                 <label class="control-label">Office Country</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                     <asp:TextBox ID="txtOfficeCountry" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>
                    <div class="control-group">
                         <div class="col-md-12 distance-control group_new ">                             
                             <div class="col-md-2">
                                   <label class="control-label">Home Country</label>
                            </div>
                             <div class="col-md-1"></div>
                             <div class="col-md-6">
                               <div class="controls">
                                      <asp:TextBox ID="txtHomeCountry" runat="server" class="form-control" />
                                </div>
                            </div>
                             <div class="col-md-1"></div>
                         </div>
                     </div>

                    
                    <div class="control-group">
                       
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- end row 4 -->
            <div class="row">
                <div class="col-md-12 btn-edit">
                    <asp:LinkButton ID="btnBottom_Save" runat="server" CssClass="btn btn-defaul" OnClick="btn_Save_Click">
                                <img src="../Images/save.png" style="width: 18px; height: 18px" />
                                Save
                    </asp:LinkButton>
                    <asp:LinkButton ID="btnBottom_Cancel" runat="server" CssClass="btn btn-defaul" OnClientClick="CancelClick()" CausesValidation="false">
                                <img src="../Images/back.png" style="width: 18px; height: 18px" />
                                Back
                    </asp:LinkButton>
                </div>
            </div>
        </div>







    </div>
</asp:Content>
